<body>
    <h1>0</h1>
</body>
<script>
    var fonts=[]
    setInterval(function(){
    var fontObj=document.createElement("div")
    fontObj.className="font"
    var min=0
    var max=25
    var index=Math.floor(Math.random()*(max-min+1)+min)//索引
    var font="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")[index]
    fontObj.innerText=font
    fonts.push(font)
    var maxleft=window.innerWidth||document.documentElement.clientWidth
    var maxtop=window.innerHeight||document.documentElement.clientHeight
    var left=Math.floor(Math.random()*(maxleft-0+1)+0)
    var top=Math.floor(Math.random()*(maxtop-0+1)+0)
    fontObj.style.position="absolute"
    fontObj.style.left=left+"px"
    fontObj.style.top=top+"px"
    document.body.appendChild(fontObj)
    },1000)

    document.onkeyup=function(evt){
    var e=evt ||window.event
    var fonts=document.querySelectorAll("div.font")
    fonts.forEach(function(item){
        if(item.innerText.toLowerCase() === e.key.toLowerCase()){//键盘按下的数和遍历的文字一样
        document.body.removeChild(item)
        var num=parseInt(document.querySelector("h1").innerText)
        document.querySelector("h1").innerText=num+1
        }
        
    })

    
    }
</script>